<template>
  <div class="img-wrap">
    <img :src="resourceUrl" alt="" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      resourceUrl: '',
    }
  },
  props: ['row', 'resource'],
  mounted() {
    let { httpUrl } = this.resource
    this.resourceUrl = httpUrl
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.img-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  img {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}
</style>